<template>
  <f7-page>
    <!-- 导航栏 -->
    <qm-currentcy-navbar title="项目查询">
      <template #nav-right>
        <f7-icon f7="ellipsis"></f7-icon>
      </template>
    </qm-currentcy-navbar>
    <qm-classified-retrieval></qm-classified-retrieval>
    <f7-block class="card-wrapper">
      <qm-item-query-card2></qm-item-query-card2>
      <qm-item-query-card v-for="i in 5" :key="i"></qm-item-query-card>
    </f7-block>
    <qm-fixed-nail top="80%" left="80%"></qm-fixed-nail>
  </f7-page>
</template>

<script>
export default {
  name: "item-query"
}
</script>

<style lang="less" scoped>
.card-wrapper {
  margin: 0;
  padding: calc(20px * var(--ratio)) calc(30px * var(--ratio));
  background: #F7F9FC;
}
::v-deep .page-content {
  padding-top: calc(88px * var(--ratio))
}
</style>